<template>
  <div>
    <p><a href="javascript:;" @click="goToPage('/supervise')">监察对象</a></p>
    <!--<p><a href="javascript:;" @click="goToPage('/supervise2')">监察对象2</a></p>-->
    <p><a href="javascript:;" @click="goToPage('/usage')">使用情况</a></p>
    <p><a href="javascript:;" @click="goToPage('/dataMonitor')">数据情况</a></p>
    <p><a href="javascript:;" @click="goToPage('/statics')">协查情况统计</a></p>
    <p><a href="javascript:;" @click="goToPage('/checkMonitor')">资源目录和协查情况统计</a></p>
  </div>
</template>

<style lang="scss" scoped>
  div {
    padding: 50px;
    margin: 0;
    text-align: center;
  }

</style>

<script>
  export default {
    methods: {
      goToPage(route) {
        this.$router.push(route)
      }
    }
  }
</script>
